@media screen and (min-width: 1025px) { 
	.transXT50 { transform: translateX(50px); -webkit-transform: translateX(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
	.transYT20 { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
	.transYT50 { transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
	.transYT502 { transform: translateY(-50px); -webkit-transform: translateY(-50px); opacity: 0; visibility: hidden; transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: transform 600ms,opacity .5s cubic-bezier(0.445, 0.145, 0.355, 1); transition-timing-function: ease-out; -webkit-transition-timing-function: ease-out; }
	.action.transYT50,.action.transYT502,.action.transYT20{ opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.action.transXT50 { opacity: 1; visibility: visible; transform: translateY(0px); -webkit-transform: translateY(0px); }
	.dly_1{ transition-delay: 100ms; -webkit-transition-delay: 100ms; }
	.dly_2{ transition-delay: 200ms; -webkit-transition-delay: 200ms; }
	.dly_3{ transition-delay: 300ms; -webkit-transition-delay: 300ms; }
	.dly_4{ transition-delay: 400ms; -webkit-transition-delay: 400ms; }
	.dly_5{ transition-delay: 500ms; -webkit-transition-delay: 500ms; }
	.dly_6{ transition-delay: 600ms; -webkit-transition-delay: 600ms; }
	.dly_7{ transition-delay: 700ms; -webkit-transition-delay: 700ms; }
	.dly_8{ transition-delay: 800ms; -webkit-transition-delay: 800ms; }
	.dly_9{ transition-delay: 900ms; -webkit-transition-delay: 900ms; }
	.dly_10{ transition-delay: 1000ms; -webkit-transition-delay: 1000ms; }
	.dly_11{ transition-delay: 1100ms; -webkit-transition-delay: 1100ms; }
	.scroll-anime-letter { opacity: 0; -webkit-clip-path: inset(0 100% 0 0);clip-path: inset(0 100% 0 0);-webkit-transition: -webkit-clip-path 0.6s ease-out, -webkit-transform 0.6s ease-out;transition: -webkit-clip-path 0.6s ease-out, -webkit-transform 0.6s ease-out; transition: clip-path 0.6s ease-out, transform 0.6s ease-out; transition: clip-path 0.6s ease-out, transform 0.6s ease-out, -webkit-clip-path 0.6s ease-out, -webkit-transform 0.6s ease-out;}
    .action .scroll-anime-letter{ opacity: 1;-webkit-clip-path: inset(0 0 0 0);clip-path: inset(0 0 0 0);transition-delay: 0.3s; -webkit-transition-delay: 0.3s;}
	.action .item-span span,.slick-active .item-span span{ visibility: hidden;}
	.action .item-span span,.slick-active .item-span span{visibility: visible; display:inline-block; -webkit-animation-duration:1s; animation-duration:1s; -webkit-animation-fill-mode:both; animation-fill-mode:both; -webkit-backface-visibility:visible!important; backface-visibility:visible!important; -webkit-animation-name:fadeIn; animation-name:fadeIn; }
	.fixedImg { background-attachment: fixed;}
	.culture-list dd:hover{background: -webkit-linear-gradient( top left,#15499a, #368ad9);background: -o-linear-gradient( top left, #15499a, #368ad9);background: -mos-linear-gradient( top left,#15499a, #289b6a);background: -moz-linear-gradient( top left,#15499a, #289b6a);background: linear-gradient( top left,#15499a, #289b6a);}
	.culture-list dd:hover .item{ top: 15%; color: #fff;}
	.culture-list dd:hover .ico{ background: none #fff; color: #28986b;}
	.culture-list dd:hover .iconfont{  background-image:-webkit-linear-gradient(bottom,#15499a, #378bdb,#15499a);  -webkit-background-clip:text;  -webkit-text-fill-color:transparent;}
	.culture-list dd:hover .line{ height: 28px; transition: height 0.3s ease 0.2s; -webkit-transform:height 0.3s ease 0.2s;}
	.culture-list dd:hover .by{ opacity: 1; visibility: visible;  transition: opacity 0.3s ease 0.4s; -webkit-transform:opacity 0.3s ease 0.4s;}
}
@media screen and (max-width: 1660px) {
	.page-nav-box{ height: 70px;}
	.page-nav-btn a{ height: 70px; line-height: 70px;}
	.aboutT .t{ font-size: 44px;}
}
@media screen and (max-width: 1440px) {
	.banner h3{ font-size: 30px;}
	.banner h2{ font-size: 60px; margin-bottom: 25px;}
	.banner .c{ font-size: 18px;}
	.pbanner-c .zh{ font-size: 38px;}
	.pbanner-c .en{ font-size: 32px;}
	.page-nav-box{ height: 60px;}
	.page-nav-btn a{ height: 60px; line-height: 60px;}
	.aboutT .t{ font-size: 40px;}
	.aboutT .t2{ font-size: 24px;}
}
@media screen and (max-width: 1370px) {
	.inner,.pinner{ width: 1100px;}
	/* .logo{ height: 30px; top: 16px; left: 2%;} */
	.nav ul{ padding-right: 5%;}
	.nav li{ margin: 0px 10px; font-size: 14px; height: 74px; line-height: 74px;}
	.sider-tel{ font-size: 20px; top: 22px; right: 2%;}
	.sider-tel i{ font-size: 22px;}
	.banner h3{ font-size: 24px;}
	.banner h2{ font-size: 50px; margin-bottom: 20px;}
	.banner .c{ font-size: 16px;}
	.banner .slick-dots{ bottom: 150px;}
	.one-ibox{ margin-top: -125px;}
	.one-ibox .iconfont{ font-size: 70px;}
	.one-ibox .en{ font-size: 20px;}
	.one-ibox .item{ height: 190px;}
	.one-ibox .item2{ margin-top: -61px;}
	.one-ibox .more{ margin-top: 25px;}
	.ibox-about{ padding: 120px 0 340px;}
	.ibox-about-c .t{ font-size: 32px;}
	.iboxT .zh,.iboxT .en{ font-size: 26px; }
	.ibox-pro-c .name{ font-size: 18px;}
	.inew-img .num{ font-size: 24px;}
	.inew-img .txt{ padding: 18px 100px 18px 74px; font-size: 14px;}
	.inew-img .slick-dots{ bottom: 16px;}
	.inew-img .slick-dots li{ width: 8px; height: 8px;}
	.inew-img .slick-dots li a{ width: 8px; height: 8px;}
	.inew-frist{ margin-bottom: 20px;}
	.inew-list a{ height: 38px; line-height: 38px;}
	.inew-frist h4{ font-size: 18px; margin-bottom: 5px;}
	.inew-frist .desc{ margin-bottom: 20px;}
	.foot{ padding: 60px 0 75px;}
	.foot-nav{ margin-bottom: 30px; font-size: 15px;}
	.foot-nav a{ margin-right: 20px;}
	.link-select-box{ width: 202px;}
	.foot-erm{ margin-top: 35px;}
	.foot-erm .imgbox{ width: 96px; margin-left: 10px;}
	.foot-bot{ padding-top: 60px;}
	.pbanner-c .zh{ font-size: 34px;}
	.pbanner-c .en{ font-size: 28px;}
	.page-nav-box{ height: 50px;}
	.page-nav-btn a{ height: 50px; line-height: 50px; font-size: 14px;}
	.aboutT{ margin-bottom: 45px;}
	.aboutT .t{ font-size: 36px;}
	.about-num .item{ padding-top: 50px; height: 110px;}
	.about-num .item .name{ font-size: 34px;}
	.about-num .item:after{ border-width: 2px;}
	.newItem2 .con{ width: 590px;}
	.pro-nav a{ padding: 18px 64px 18px 34px;}
	.pro-nav a:before{ left: 18px;}
	.pro-nav a:hover i, .pro-nav a.active i{ right: 22px;}
	.proT .title{ font-size: 26px;}
	.mapBox{ height: 400px;}
}
@media screen and (max-width: 1280px) {
	.banner h3{ font-size: 22px;}
	.banner h2{ font-size: 48px;}
	.banner .c{ font-size: 14px;}
	.pbanner-c .zh{ font-size: 30px;}
	.pbanner-c .en{ font-size: 24px;}
	.aboutT .t{ font-size: 30px;}
	.aboutT .t2{ font-size: 22px;}
}
@media screen and (max-width: 1260px) {
	.inner,.pinner,.w1030{ width: 960px;}
	.ibox-pro-c .desc{ margin-top: -38px;}
	.ibox-pro-c .iconfont{ font-size: 40px;}
	.ibox-pro-c .name{ font-size: 16px;}
	.historyBox{ width: 90%;}
	.newItem2 .con{ width: 450px;}
	.newItem .con h4{ font-size: 18px;}
	.technical-demo{ width: 80%;}
	.technical-demo .item{ margin: 0px 6px;}
}
@media screen and (max-width: 1024px) {
	.vwrap .videobox { width: 700px; height: 422px; margin: -211px 0 0 -350px; }
	.inner,.pinner,.w1030{ width: 90%;}
	.top{ background:none #fff; height: 54px; border-bottom: 3px solid #263c8f;}
	.nav,.sider-tel{ display: none;}
	/* .logo{ height: 34px; top: 10px;}
	.logo img.img1{ display: none;}
	.logo img.img2{ display: block;} */
	.menu-handler, .menuBox { display: block; }
	.pageH{ height: 54px;}
	.scoll-top .logo{ top: 10px; height: 32px;}
	.banner .pimg{ width: 140%; margin-left: -20%;}
	.banner h3{ font-size: 18px;}
	.banner h2{ font-size: 36px;}
	.banner .desc{ top: 50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);}
	.banner .slick-dots{ bottom: 3%;}
	.banner .slick-dots li{ width: 10px; hanging-punctuation: 10px; padding: 0px 5px;}
	.banner .slick-dots li a{ border-width: 1px;}
	.one-ibox{ margin-top: 3%;}
	.one-ibox .iconfont{ font-size: 60px;}
	.one-ibox .item{ padding: 35px 0; height: auto;}
	.one-ibox .zh, .one-ibox .en{ font-size: 16px;}
	.ibox-about{ padding: 80px 0 290px;}
	.ibox-about-c .t{ font-size: 32px;}
	.ibox-about-c .btn-more{ margin-top: 50px;}
	.btn-more{ width: 140px; height: 38px; line-height: 38px;}
	.btn-more .txt{ background-size: 16px auto; padding-right: 30px;}
	.vico{ font-size: 14px; height: auto; top: 50%; margin: 0; width: 90%; left: 5%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
	.vico i{ background-size: cover; width: 40px; height: 40px; margin-bottom: 8px;}
	.iboxT{ margin-bottom: 60px;}
	.iboxT .zh,.iboxT .en{ font-size: 24px; }
	.ibox-padding{ padding: 60px 0 80px;}
	.ibox-pro-c{ padding-bottom: 40px;}
	.ibox-pro-c .desc{ top: 50%; margin-top: 0;  transform: translateY(-50%); -webkit-transform: translateY(-50%);}
	.inew-frist{ margin-bottom: 15px;}
	.inew-frist .desc{ height: 50px; margin-bottom: 15px;}
	.inew-list a{ height: 34px; line-height: 34px;}
	.foot-nav{ display: none;}
	.link-select-box{ width: 190px; }
	.link-select-box .mt{ padding: 0 40px 0 10px;}
	.link-select-box .mt .aw{ right: 12px;}
	.foot-erm{ padding: 30px 0 0; margin-top: 0; text-align: center;}
	.foot-erm .imgbox{ width: 90px; margin: 0 0 0 10px; }
	.foot-erm .imgbox:first-child{ margin-left: 0;}
	.foot-bot{ padding-top: 40px;}
	.smlink{ display: block; margin-left: 0;}
	.pbanner-c{ top: 50%; bottom: auto; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
	.pbanner-c .zh{ font-size: 24px;}
	.pbanner-c .en{ font-size: 20px;}
	.page-nav-box{ width: 100%; height: 40px; padding: 0; border-bottom: 1px solid #B1B1B1;}
	.page-nav-btn{ position: absolute; left: 0; top: 0; width: 100%; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling: touch; white-space:nowrap; } 
	.page-nav-btn>ul{ display: inline-flex; display:-webkit-inline-flex;}
	.page-nav-btn li{ float: left; display: block; margin: 0;}
	.page-nav-btn a{ line-height: 40px; height: 40px; padding: 0px 20px; font-size: 13px;}
	.page-nav-btn a.active,.page-nav-btn a:hover{ background-color: #263c8f; color: #fff;}
	.w860{ width: 90%;}
	.aboutT .t{ font-size: 28px;}
	.aboutT .t2{ font-size: 20px;}
	.about-padding{ padding: 80px 0;}
	.about-dl article{ padding: 3% 0; width: 47%;}
	.about-num .item:after{ opacity: 0; visibility: hidden\9; transform: scale(0.8); -webkit-transform: scale(0.8);}
	.about-num .item:before{ opacity: 1; visibility: visible\9; transform:initial; -webkit-transform: initial;}
	.about-cbox{ width: 90%; box-sizing: border-box; padding: 25px 5%;}
	.about-cbox .yh-ico{ font-size: 60px;}
	.about-cbox .yh-ico1{ margin-bottom: -10%;}
	.culture-page{ font-size: 18px;}
	.culture-list dd{ width: 48%; margin-bottom: 2%; height: auto; padding: 8% 0; background: -webkit-linear-gradient( top left,#15499a, #378bdb);background: -o-linear-gradient( top left,#15499a, #378bdb);background: -mos-linear-gradient( top left,#15499a, #289b6a);background: -moz-linear-gradient( top left,#15499a, #289b6a);background: linear-gradient( top left,#15499a, #289b6a);}
	.culture-list dd .item{ position: relative; left: auto; top: auto; margin: 0px auto; color: #fff;}
	.culture-list dd .ico{ background: none #fff; color: #378bdb; width: 66px; height: 66px; line-height: 66px;}
	.culture-list dd .iconfont{  background-image:-webkit-linear-gradient(bottom,#15499a, #378bdb,#15499a);  -webkit-background-clip:text;  -webkit-text-fill-color:transparent; font-size: 40px;}
	.culture-list dd .line{ height: 20px; margin: 10px auto 20px;}
	.culture-list dd .by{ opacity: 1; visibility: visible;  transition: opacity 0.3s ease 0.4s; -webkit-transform:opacity 0.3s ease 0.4s;}
	.culture-cbox .pageC{ width: 85%;}
	.culture-cbox .qm1 img,.culture-cbox .qm2 img{ width: 180px;}
	.paging{ padding-top: 40px;}
	.historyPage{ padding-top: 80px;}
	.hitem{ padding:20px;}
	.h-year{ font-size: 18px;}
	.history-t .zh{ font-size: 30px;}
	.newItem{ padding: 35px 115px 35px 35px;}
	.newItem .img{ width: 250px; margin-right: 25px;}
	.newItem2 .con{ width: 54%;}
	.newItem .btn-more{ width: 120px; height: 34px; line-height: 34px;}
	.newItem .con h4{ font-size: 16px;}
	.tiemBox .day{ font-size: 30px;}
	.info-page{ padding-top: 80px;}
	.info-inner{ padding: 60px 0 75px;}
	.info-inner:before{ left: 29%;}
	.info-sider{ padding: 0 0 0 5%; width: 18%;}
	.info-cbox{ margin-right: 6%;}
	.info-t{ font-size: 20px;}
	.pager{ width: auto;}
	.pager a{ padding-left: 0; text-align: center; height: 44px; line-height: 44px;}
	.technical-box{ width: 80%;}
	.w1030 .technical-box{ width: 90%;}
	.pro-nav a{ padding: 12px 10px 12px 28px;}
	.pro-nav a:before{ border-left-width: 4px; left: 13px;}
	.pro-nav a i{ display: none;}
	.pro-list{ margin-left: -5%;}
	.pro-list li{ width: 45%; margin-left: 5%;}
	.proT .title{ font-size: 24px; padding-right: 130px;}
	.btn-back{ width: 100px; height: 40px;line-height: 40px;}
	.marketing-list h4{ font-size: 15px; height: 50px; line-height: 50px;}
	.case-list .txt{ font-size: 14px; height: 50px; line-height: 50px;}
	.case-list .iconfont{ font-size: 24px; margin-top: -12px;}
	.contact-left,.contact-erm{ float: none; width: auto;}
	.contact-left .iboxT{ margin-bottom: 35px;}
	.contact-left .pageC{ font-size: 14px;}
	.contact-erm{ padding-top: 20px;}
	.contact-erm .img{ width: 120px; margin-left: 0px; margin-right: 10px;}
	.mapBox{ height: 320px;}
	.noPage{ margin-top: 0; transform: translateY(-50%);-webkit-transform: translateY(-50%);}
}
@media screen and (max-width: 860px) { 
	.vwrap .videobox { width: 560px; height: 315px; margin:-158px 0 0 -280px; } 
	.w780{ width: 90%;}
	.ibox-about-c .t{ font-size: 24px;}
	.inew-img,.inew-demo{ float: none; width: auto;}
	.inew-img{ margin-bottom: 25px;}
	.inew-img .num{ font-size: 22px;}
	.foot .item2{ width: 65%;}
	.about-num .item{ width: 130px; padding-top: 40px; height: 90px;}
	.about-num .item .name{ font-size: 20px;}
	.about-dl article{ padding: 0; width: 45%;}
	.honor-list{ margin-left: -5%;}
	.honor-list dd{ width: 45%; margin-left: 5%;}
	.tiemBox{ border: 0px none;}
	.tiemBox .day{ font-size: 24px; display: inline-block;}
	.newItem{ padding: 20px;}
	.newItem .img{ width: 35%; margin-right: 5%;}
	.newItem2 .con{ width: 60%;}
	.newItem .tiemBox{ position: relative; right: auto; top: auto; text-align: left; padding: 0 0 10px;}
	.newItem .con h4{ margin-bottom: 5px;}
	.newItem .con .c{ margin-bottom: 14px;}
	/*.product-info-pic{*/
	/*	width: 100%;*/
	/*	height: 200px;*/
	/*}*/
	.ibox-padding{
		padding: 20px 0 50px 0!important;
	}
	.info-pro{
		border-top: 1px solid #eaedef;margin-top: 25px;padding-top: 20px;
	}
}
@media screen and (max-width: 640px) { 
	.vwrap .videobox { width: 400px; height: 300px; margin: -155px 0 0  -200px; }
	.vwrap .close{ right: 0; top:-37px;}
	.banner h3{ font-size: 16px; font-weight: normal;}
	.banner h2{ font-size: 28px; font-weight: normal; line-height: 1.5; margin-bottom: 10px;}
	.banner .c{ font-size: 12px;}
	.one-ibox ul{ margin-left: 0;}
	.one-ibox li{ float: none; width: auto; margin-bottom: 3%;background: -webkit-linear-gradient( bottom right,#15499a, #289b6a);
background: -o-linear-gradient( bottom right,#15499a, #289b6a);
background: -mos-linear-gradient( bottom right,#15499a, #289b6a);
background: -moz-linear-gradient( bottom right,#15499a, #289b6a);
background: linear-gradient( bottom right,#15499a, #289b6a);}
	.one-ibox .iconfont{ color: #fff; margin-bottom: 10px;}
	.one-ibox li .bg{ display: none;}
	.one-ibox li .item2{ display: none;}
	.one-ibox .item{ padding: 30px 5% 40px; height: auto; color: #fff;}
	.one-ibox .zh, .one-ibox .en{ font-weight: normal;}
	.btn-more{ width: 134px; height: 36px; line-height: 36px;}
	.ibox-about{ padding:50px 0 190px;}
	.ibox-about-c .btn-more{ margin-top: 35px;}
	.ibox-about-c .t{ font-size: 20px;}
	.ibox-about-c .desc{ font-weight: normal;}
	.vico i{ width: 30px; height: 30px;}
	.ibox-video img.imgw{ width: 140%; margin-left: -20%;}
	.iboxT{ margin-bottom: 40px;}
	.iboxT .zh, .iboxT .en{ font-size: 20px;}
	.ibox-padding{ padding: 50px 0 60px;}
	.ibox-pro-c .iconfont{font-size: 34px;}
	.ibox-pro-c ul{ margin-left: -5%;}
	.ibox-pro-c li{ width: 45%; margin-left: 5%;}
	.inew-img .txt{ padding: 18px 90px 18px 68px;}
	.inew-list a{ font-size: 14px;}
	.inew-frist h4{ font-size: 16px;}
	.foot{ padding: 35px 0 45px; font-size: 12px;}
	.foot dd,.foot .item2,.foot .item1{ float: none; width: 100%;}
	.foot-erm{ padding: 25px 0;}
	.foot-bot{ padding-top: 10px;}
	.foot-item{ margin-bottom: 0; font-size: 12px;}
	.link-select-box{ float: none; width: 100%; }
	.pbanner-c .zh{ font-size: 18px;}
	.pbanner-c .en{ font-size: 16px;}
	.aboutT{ margin-bottom: 35px;}
	.aboutT .t{ font-size: 24px;}
	.aboutT .t2{ font-size: 16px;}
	.about-padding{ padding: 50px 0;}
	.about-num li{ width: 50%; margin-bottom: 5%;}
	.about-dl dd{ margin-bottom: 50px;}
	.about-dl figure,.about-dl article,.about-dl .twoItem figure,.about-dl .twoItem article{ width: auto; margin-right: 0;}
	.about-dl figure{ margin-bottom: 25px;}
	.culture-page{ font-size: 16px; text-align: left;}
	.culture-list{ padding-top: 50px; margin-left: 0;}
	.culture-list dd{ width: 100%; margin-left: 0; }
	.culture-list .ico{ margin-bottom: 15px;}
	.culture-list .zh{ font-size: 16px;}
	.culture-list .en{ font-size: 14px;}
	.culture-cbox .pageC{ width: auto;}
	.culture-cbox h4{ font-size: 16px;}
	.culture-cbox .qm1 img,.culture-cbox .qm2 img{ width: 140px;}
	.culture-cbox .qm1{ margin-bottom: 25px;}
	.culture-cbox .qm2{ margin-top: 25px;}
	.paging{ padding-top: 30px;}
	.paging a{ margin: 0px 2px!important; padding: 5px 11px; font-size: 13px;}
	.honor-list dd{  margin-bottom: 15px;}
	.honor-list .img{ margin-bottom: 5px; border-width: 1px;}
	.history-t .zh{ font-size: 24px;}
	.h-year{ font-size: 16px;}
	.hitem{ padding: 20px;}
	.h-d{ display: none;}
	.history-list .item{ float: none; width: 100%; margin-bottom: 40px;}
	.history-list .twoItem{ margin-top: auto;}
	.hitem,.twoItem .hitem{ margin: 0;}
	.twoItem .h-d { left: -6px; right: auto; }
	.twoItem .h-d i { left: 0; right: auto; }
	.history-top{ width: 10px;height: 10px; border-width: 3px; margin-left: -8px;}
	.historyPage{ padding-top: 60px;}
	.historyBox{ padding: 60px 0 80px;}
	.newItem .btn-more{ width: 110px; height: 32px; line-height: 32px;}
	.newItem .img{ float: none; width: auto; margin:0 0 15px 0;}
	.newItem2 .con{ float: none; width: auto;}
	.info-inner{ width: 100%; padding: 45px 0 60px;}
	.info-inner:before{ display: none;}
	.info-page{ padding-top: 0;}
	.info-cbox{ float: none; width: 90%; margin: 0px auto;}
	.info-sider{ float: none; width: 90%; padding: 0; margin: 0px auto;}
	.pageT{ display: none;}
	.info-t{ padding-bottom: 16px; margin-bottom: 25px; font-size: 18px; border-bottom: 1px solid #ccc;}
	.shared{ display: none;}
	.pager{ margin-top: 50px;}
	.pager a{ width: 33.33%; float: left;}
	.technical-box{ width: 90%;}
	.w1030 .technical-box{ width:auto;}
	.technical-demo{ margin-top: 40px;}
	.technical-img{ margin-top: 35px;}
	.technical-img .slick-arrow{ width: 24px; height: 24px; line-height: 24px;}
	.technical-img .slick-arrow i{ font-size: 20px;}
	.technical-img .slick-arrow:before{ display: none;}
	.technical-img .txt{ font-size: 14px;}
	.technical-demo .slick-prev { left: -20px; }
	.technical-demo .slick-next { right: -20px; }
	.sider-pro{ width: 100%; overflow-x: auto; overflow-y: hidden;-webkit-overflow-scrolling: touch; white-space: nowrap; margin-bottom: 25px;}
	.pro-right{ float: none; width: auto;}
	.pro-nav{ display: inline-flex; -webkit-display: inline-flex; -moz-display: inline-flex; -webkit-overflow-scrolling: touch;}
	.pro-list li{ margin-bottom: 25px;}
	.pro-list .txt{ line-height: 1.5; height: 42px;}
	.proT{ padding: 35px 0;}
	.proT .title{ font-size: 18px; padding-right: 0;}
	.btn-back{ position: relative; right: auto; bottom: auto; margin-top: 15px; width: auto;}
	.nd-back{ margin-top: 50px; padding-top: 45px;
		padding-bottom: 50px;}
	.nd-back a{ width: 120px; height: 42px; line-height: 42px;}
	.marketing-list{ margin-left: 0;}
	.marketing-list dd{ float: none; width: auto; margin-left: 0; margin-bottom: 20px;}
	.marketing-list h4{ margin-bottom: 20px; line-height: 1.5; padding: 12px 5%; height: auto;}
	.marketing-list .desc{ height: auto;}
	.ser-img{ float: none; width: auto; margin-right: 0;}
	.ser-con{ font-size: 14px;}
	.case-list{ margin-left: -2%;}
	.case-list li{ width: 48%; margin-left: 2%;}
	.case-list .txt{ height: 40px; line-height: 40px; font-size: 12px;}
	.mapBox{ height: 240px;}
	.contact-left .iboxT .bot{ margin-top: 15px;}
	.contact-erm .img{ width: 32%; margin-right: 2%;}
	.contact-erm .img:last-child{ margin-right: 0;}
	.no-btn{ width: 140px;}

}
@media screen and (max-width: 481px) { 
	.vwrap .videobox { width: 300px; height: 240px; margin: -120px 0 0 -150px; }
	.ibox-about{ padding:45px 0 140px;}
	.mapBox{ height: 200px;}
	.aboutT .t{ font-size: 20px;}
	.aboutT .t2{ font-size: 14px;}
}
@media screen and (max-width: 421px) {
	.banner h2{ font-size: 20px;}
	.one-ibox .iconfont{ font-size: 50px;}
	.pbanner-c .zh{ font-size: 16px;}
	.pbanner-c .en{ font-size: 14px;}
	.paging a{ padding: 3px 8px; font-size: 12px;}
	.mapBox{ height: 180px;}
}
@media screen and (max-width: 340px) {
	.pbanner-c .zh{ font-size: 14px;}
	.pbanner-c .en{ font-size: 12px;}
}